<title>{{title}}</title>
<div class="layout-container layout-column">
    <div class="layout-main mb4j-padding-all">
        <i-form action="/api/role/edit" method="post" label-position="left" :label-width="120">
            <form-item :label="id.label">
                <i-input type="text" name="id" 
                	:placeholder="id.placeholder"
	            	valid="required:true,max:32" :label="id.label" readonly="readonly"></i-input>
            </form-item>
            <form-item :label="name.label">
            	<i-input 
            		type="text" name="name" 
            		:placeholder="name.placeholder"
	            	valid="required:true,max:50" :label="name.label"></i-input>
            </form-item>
            <form-item :label="memo.label">
                <i-input type="textarea" name="memo" 
                	:placeholder="memo.placeholder" rows="3"
	            	valid="max:100" :label="memo.label"></i-input>
            </form-item>
        </i-form>
    </div>
    <div class="layout-footer">
        <i-button v-on:click="reset">{{button.reset}}</i-button>
        <i-button type="primary" v-on:click="submit">{{button.submit}}</i-button>
    </div>
</div>